<template>
  <div>
    <h4>这是个父组件</h4>
    <p>这是父组件中的num{{ num }}</p>
    <hr>
    <!-- <son :value="num" @input="val => num = val" /> -->
    <son v-model="num" />

    <!--  v-model="num"  相当于  :value="num" @input="val => num = val" -->
    <!-- 在子组件 需要用props接收value 还有抛出input事件 -->

  </div>
</template>

<script>
import Son from './Son.vue'
export default {
  components: { Son },
  data() {
    return {
      num: 100
    }
  }
}
</script>

<style>

</style>
